My Course

course-img

Courses

Responsive Design with Grids. A Guide...

time-icon 1h 30m
1 - Introduction 5 min
play-icon
Promotion
01:53
play-icon
Introduction
01:25
play-icon
Course Material
01:49
2 - How Grids Work 21 min
play-icon
Columns Gutter & Margin
02:34
play-icon
Adding Elements to the Grid
02:35
play-icon
Avoid Positioning Mistakes
02:46
play-icon
A little something
00:37
play-icon
Making the Grid Responsive
03:05
play-icon
Which Breakpoints Should I Use?
03:13
play-icon
Why Those Breakpoints?
01:42
play-icon
Responsive vs Adaptive Grids
04:16
3 - Grids in Figma 26 min
play-icon
Setting Up Grids in Figma
02:34
play-icon
Responsive Design Setup in Figma
02:35
play-icon
Avoid Content to Adaptive Grids
02:46
play-icon
Avoid Content to Responsive Grids
00:37
play-icon
Need One Design per Breakpoint
03:05
4 - CSS Grids 26 min
play-icon
CSS Grid Course Material
01:53
play-icon
Introduction to CSS Grid
01:18
play-icon
Setting up a Grid
02:08
play-icon
Fluid Design with Fraction Units
03:37
play-icon
Advanced Distribution Grid
03:00
play-icon
Responsive CSS Grid
03:42